const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      postcss: {
        postcssOptions: {
          plugins: [
            require('autoprefixer')(), // 自动添加浏览器适配前缀 -moz  -webkit
            require('postcss-pxtorem')({
              rootValue: 37.5, // 根字体大小
              propList: ['*'] // 所有属性均转换为rem
            })
          ]
        }
      }
    }
  },
  //  只有在开发服务器才可用 配置跨域代理（前端请求 代理服务器  代理服务器去请求真实服务器）
  // 一定要重启
  devServer: {
    // 代理配置
    proxy: {
      "/category": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/h5",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/brand": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/h5",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/specialFloorSku": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/h5",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/floorSku": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/v3",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/hot": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/h5/search",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/search": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/v2/h5",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/product": {
        // 代理服务器请求的真实服务器
        target: "https://m.zkh.com/gw-m-api/h5",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
      "/static": {
        // 代理服务器请求的真实服务器
        target: "https://static.zkh360.com/file/resource/official_h5",
        // 支持websocket
        ws: true,
        // 支持跨域
        changeOrigin: true
      },
			"/api": {
				//代理服务器请求的真实服务器
				target: "http://dida100.com:8888",
				//支持websocket
				ws: true,
				//跨域
				changeOrigin: true
			},
			"/marketing": {
				//代理服务器请求的真实服务器
				target: "https://m.zkh.com/gw-m-api/h5",
				//支持websocket
				ws: true,
				//跨域
				changeOrigin: true
			},
    }
  }
})
